<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left1.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class="bgff">
                <div class="subject">
                    <div class="w_540">
                        <form action="">
                            <h4 class="fnt_16 col_444 bld subject_tit"> 新建用户 </h4>
                            <div class="xinzeng_list">
                                <ul>
                                    <li>
                                        <span class="fnt_14"> <em class="col_red">*</em> 属性名称：</span>
                                        <p> <input type="text" class="layui-input"> </p>
                                    </li>
                                    <li>
                                        <span class="fnt_14"> <em class="col_red">*</em> 所含属性：</span>
                                        <div class="duann_list">
                                            <div class="duann fnt_14 col_444">
                                                <div class="duann_lf">
                                                    是否必填：
                                                </div>
                                                <div class="duann_rt">
                                                    <input type="radio" value="vi">&nbsp; 是 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    <input type="radio" value="vi">&nbsp; 否
                                                </div>
                                            </div>
                                            <div class="duann fnt_14 col_444">
                                                <div class="duann_lf">
                                                    属性类型：
                                                </div>
                                                <div class="duann_rt">
                                                    <input type="radio" value="vi">&nbsp; 文本 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    <input type="radio" value="vi">&nbsp; 单选 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    <input type="radio" value="vi">&nbsp; 多选
                                                </div>
                                            </div>
                                            <div class="duann fnt_14 col_444">
                                                <div class="duann_lf">
                                                    选项名称：
                                                </div>
                                                <div class="duann_rt">
                                                    <input type="text" class="layui-input" value="">
                                                    <i class="iconfont icon-add-sy dis2"></i>
                                                    <i class="iconfont icon-yuanxingjianhao dis3"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <span class="fnt_14"> </span>
                                        <p>
                                            <button type="button" class="layui-btn shiti">录入</button>
                                            <button type="button" class="layui-btn shitis">重置</button>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test16'
                , range: true
            });
        })
        
        html2 = `<div class="duann fnt_14 col_444">
                                                <div class="duann_lf">
                                                    选项名称：
                                                </div>
                                                <div class="duann_rt">
                                                    <input type="text" class="layui-input" value="">
                                                    <i class="iconfont icon-add-sy dis2"></i>
                                                    <i class="iconfont icon-yuanxingjianhao dis3"></i>
                                                </div>
                                            </div>`
        $(".duann").on('click', '.dis2', function () {
            $(this).parent().parent().after(html2)
        })
        $(".duann_list").on('click', '.dis3', function () {
            $(this).parent().parent().remove();
        })
    </script>
</body>

</html>